


.lottery-page{
  .load-more{
    width: 100%;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    background: #f5f5f5;
    color: #999;
  }
  .red{
    color: #d80000;
  }
//彩票首页
  .top-bar-header{
    background: #b82432;
    text-align: center;
    
  }

  .footer-menu{
    .footer-menu-items{
      .menu-item{
        a{
          .icon{
            background-size: 4.5rem !important;
           
             &:before{
              content: "";
            }
          }
          .icon-lottery{
            background: url(../misc/images/lottery/footer-icon-1.png);
            background-position: -.2rem -.2rem;
          }
          .icon-openCenter{
            background: url(../misc/images/lottery/footer-icon-2.png);
            background-position: -.2rem -.2rem;
          }
          .icon-betrecord{
            background: url(../misc/images/lottery/footer-icon-3.png);
            background-position: -.2rem -.2rem;
          }
        } 
        .active{
          .icon{
            background-position: -2.49rem -.2rem !important;
          }
        }
      }
    }
    
  }

  .marquee{
    height: auto;
    box-shadow: 0 4px 4px #ddd;
    .marquee-icon{
      i{
        width: 4.4rem;
        height: 1.46rem;
        margin-top: .19rem;
        background:url(../misc/images/lottery/marquee-icon.png);
        background-size:4.4rem;
      }
    }
    .ui-marquee{
      margin: .5rem 1.8rem .3rem 5.2rem;
      padding: .5rem 0 .7rem .8rem;
    }
    .ui-marquee:after{
      display: none;
    }
  }

  .nav-list{
    padding-top: .8rem;
    margin-top: -4px;
    padding-bottom: 5rem;
    background: #eee;
    .inner{
      background:#fff;
    }
    .items{
      display: inline-block;
      width: 25%;
      padding: 1.3rem 0;
      border-bottom: 1px solid #e5e5e5;
      border-right: 1px solid #e5e5e5;
      box-sizing: border-box;
      text-align: center;
      span{
        display: block;
        width: 3.3rem;
        height: 3.3rem;
        margin: 0 auto;
        background: url(../misc/images/lottery/lottery-home-icon.png);
        background-size:43.3rem;  
      }
      .icon-XY28{
        background-position: -1.5rem -.3rem;
      }
      .icon-CAKENO{
        background-position: -4.9rem -.3rem ;
      }
      .icon-HK6{
        background-position: -8.27rem -.3rem;
      }
      .icon-BJPK10{
        background-position: -11.6rem -.3rem;
      }
      .icon-CQSSC{
        background-position: -14.96rem -.3rem;
      }
      .icon-TJSSC{
        background-position: -18.35rem  -.3rem;
      }
      .icon-XJSSC{
        background-position: -21.70rem -.3rem;
      }
      .icon-GDKLSF{
        background-position: -25.1rem -.3rem;
      }
      .icon-TJKLSF{
        background-position: -28.42rem -.3rem;
      }
      .icon-FC3D{
        background-position: -31.8rem -.3rem;
      }
      .icon-PL3{
        background-position: -35.15rem -.3rem;
      }
      .icon-add{
        background-position: -40rem 0 ;
      } 
      p{
        margin-top: 1rem;
        font-size: .9rem;
      }
    }
  }

//开奖中心
  .open-items{
    padding-bottom:4.5rem;
    background: #eee;
    li{
   
      margin-top: .6rem;
      padding: .6rem 5%;
      background: #fff;
      a{
        position:relative;
        display: block;
        padding-left:4rem;
        padding-right:1rem;
      }
    }
    .icon{
      position: absolute;
      top: .1rem;
      left: 0;
      display: block;
      width: 2.7rem;
      height: 2.7rem;
      background: url(../misc/images/lottery/lottery-home-icon.png);
      background-size: 35.6rem;
      background-position:0 0 ;
    }
    .BJKL8 {
      .icon{
        background-position: -1.28rem -.3rem;
      }
    }
    .CAKENO {
      .icon{
        background-position: -4rem  -.3rem;
      }
    }
    .HK6 {
      .icon{
        background-position: -6.8rem -.3rem;
      }
    }
    .BJPK10{
      .icon{
        background-position: -9.58rem -.3rem;
      }
    }
    .CQSSC{
      .icon{
        background-position: -12.3rem -.3rem ;
      }
    }
    .TJSSC{
      .icon{
        background-position: -15.07rem -.3rem;
      }
    }
    .XJSSC{
      .icon{
        background-position: -17.91rem -.3rem ;
      }
    }
    .GDKLSF{
      .icon{
        background-position: -20.6rem -.3rem;
      }
    }
    .TJKLSF{
      .icon{
        background-position: -23.37rem -.3rem ;
      }
    }
    .FC3D{
      .icon{
        background-position: -26.12rem -.3rem;
      }
    }
    .PL3{
      .icon{
        background-position: -28.88rem -.3rem;
      }
    }
    .title{
      padding-top: .2rem;
      padding-bottom:.3rem;
      border-bottom: 1px solid #828282;
      font-size: .85rem;
      color: #6f6f6f;
      box-sizing: border-box;
      span:last-child{
        float:right;
      }
    }
    .number{
      line-height: 1.5rem;
      font-size: 1.2rem;
      font-family: "微软雅黑";
    }
  }

//开奖详情
  .open-common ul{
    width: 15rem;
    .ball-red{
      background: #c63725;
    }
  }
  .open-lucky28,.cqssc-ball,.tjssc-ball,.xjssc-ball{
    ul{
      width: 10rem;
    }
  }
  .open-Pk10 ul{
    width: 20rem;
  }
  .open-marksix,.gdklsf-ball,.tjklsf-ball{
    ul{
      width: 15rem;
    }
  }
  .fc3d-ball,.pl3-ball{
    ul{
      width: 6rem;
    }
  }
 
  .current-open{
    padding: 1rem 0;
    text-align: center;
    background: #f5f5f5;
    p{
      font-size: .9rem;
      color: #3a393a;
    }
    
    .add-icon{
      width: .6rem;
      margin-top: .26rem;
      color: #000;
      font-weight: 700;
      background: #f5f5f5;
    }
    ul{
      display: -webkit-flex;
      display: flex;
      margin: .6rem auto 0;
      -webkit-justify-content:  space-between ;
      justify-content:  space-between ;
    }
  }
  .open-item-info-list{
    margin-top: .7rem;
    padding-bottom: 4rem;
    li{
      height: 3.8rem;
      margin: 0 5%;
      padding-top: .8rem;
      border-bottom: 1px solid #ececec;
      box-sizing: border-box;
      p:first-child{
        color: #464646;
        font-size: .87rem;
      }
      p:last-child{
        margin-top: .3rem;
        color: #000;
        font-size: 1.2rem;
      }
    }
  }

//投注记录

  .choice{
    padding: 0.7rem 8%;
    background: #fff;
    .datetime-picker{
      position:relative;
      width: 45%;
      &:last-child{
        float: right;
      }
    }
  }

  .bet-record-tips{
    margin-top: 3rem;
    line-height: 2rem;
    text-align: center;
  }
  .bet-recordList{
    min-height: 28rem;
    padding-top: 1rem;
    padding-bottom: 4rem;
    background: #eee;
    .item{
      border-top: 1px solid #f2f2f2;
    }
    .title{
      position:relative;
      padding:.7rem 2.1rem .5rem;
      background: #fff;
      .game-date,.money{
        display: inline-block;
      }
      .game-date,.money{
        p:first-child{
          margin-bottom: .5rem;
          font-size: 1.07rem;
          color: #1b1616;
        }
        p:last-child{
          font-size: .87rem;
          color: #7b7a78;
        }
      }
      .money{
        float:right;
        margin-right: 4.5rem;
      }
      .status{
        position:absolute;
        top: .64rem;
        right: 3rem;
        display: block;
        width: 2.4rem;
        height: 2.4rem;
      }
      .status_yes{
        background:url(../misc/images/lottery/status-yes.png);
        background-size: 100%;
      }
      .status_no{
        background:url(../misc/images/lottery/status-no.png);
        background-size: 100%;
      }
      .status_cannle{
        background:url(../misc/images/lottery/status-cannle.png);
        background-size: 100%;
      }
      .status_wait{
        background:url(../misc/images/lottery/status-wait.png);
        background-size: 100%;
      }
      .arrow{
        position: absolute;
        top: 1.5rem;
        right: 1.1rem;
        border-left: 6px solid #625e5d;
        border-top: 6px solid #fff;
        border-bottom: 6px solid #fff;
        border-right: 0;
      }
      .arrow-down{
        position: absolute;
        top: 1.7rem;
        right: 1rem;
        border-top: 6px solid #625e5d;
        border-left: 6px solid #fff;
        border-right: 6px solid #fff;
        border-bottom: 0;
      }
    }
    .information{
      box-shadow: 0 4px 4px #cac8c9 inset;
      li{
        line-height: 2.1rem;
        border-bottom: 1px solid #d6d6d6;
        &:last-child{
          box-shadow: 0 -4px 4px #cac8c9 inset;
        }
        span:first-child{
          display: inline-block;
          width: 30%;
          padding-left: 1rem;
          text-align: center;
          box-sizing: border-box;
          background:#a9a9a9;
          color: #fff;
        }
        span:last-child{
          display: inline-block;
          box-sizing: border-box;
          padding-left:1rem;
        }
        .color-style{
          color: #2f3c5c;
        }
      }
    }
    .hide{
      display: none;
    }
  }


.bet-record{
  .choice{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    .selectbox{
      width: 45%;
      .cont{
        position: relative;
        display: block;
        width: 100%;
        height: 1.8rem;
        line-height: 1.8rem;
        text-align: center;
        border: 1px solid #ccc;
        border-radius: .8rem;
        background: #eee;
        &:after{
          position: absolute;
          top: .28rem;
          right: .3rem;
          content: "";
          width: 1.3rem;
          height: 1.3rem;
          background:url(../misc/images/userCenter/order-icon1.png);
          background-size: 100%;
        }
      }
      select{
        position: absolute;
        top: 0rem;
        left: 0;
        width: 100%;
        height: 1.8rem;
        opacity: 0;
      }
    }
  }
}
//投注中心

  .bet-nav{
    height: 2.5rem;
    line-height: 2.5rem;
    padding: 0 2rem;
    border-bottom: 1px solid #cdcdcd;
    .inner{
      display: -webkit-flex;
      display: flex;
      .item{
        width: 25%;
        padding: 0 .7rem;
        text-align: center;
        color: #000;
      }
      .active{
        div{
          position: relative;
          width: 100%;
          color: #dd0c02;
          &:after{
            content:"";
            position:absolute;
            bottom: -1px;
            left: 0;
            width: 100%;
            height: 4px;
            background: #dd0c02;
          }
        }
      }
    }
  }
  
  .bet-bottom-btn{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 4rem;
    padding: .8rem 1.3rem 0;
    box-sizing: border-box;
    background: #fff;
    border-top: 1px solid #cacaca;
    div{

      width: 47%;
      height: 2.2rem;
      line-height: 2.4rem;
      border-radius: .5rem;
      background: #b82432;
      text-align: center;
      color: #fff;
    }
  }

//table模板
  .bet-table-wrap {
    padding-bottom: 5rem;
  }
  .table-group{
    padding: 0 5% ;
    text-align: center;
    .times-final{
      line-height: 1.5rem;
      padding: .8rem 0px;
    }
    .odds{
      padding: .2rem .8rem;
      background: #a9a9a9;
      border-radius: .3rem;

    }
    .odds-active{
      background:#b82432;
    }

    .head-2_2{
      margin-bottom: .5rem;
      li{
        float: left;
        height: 1.8rem;
        line-height: 1.8rem;
        width: 25%;
        box-sizing:border-box;
        background: #c1c1c1;
        color: #fff;
        border: 1px solid #bababa;
        text-align: center;
      }
    }
    
  }



//通用样式
  .filter-bar {
    width: 10rem;
    line-height: 4rem;

    &.filter-bar-no-sub {
      span:after {
        display: none;
      }
    }
    
   /*  span:after{
     content: "";
     display: inline-block;
     position: absolute;
     width: 0;
     height: 0;
     top: 50%;
     right: -0.8rem;
     border-bottom: .6rem solid #fff;
     border-left: .6rem solid transparent;
   } */

    .filters {
      z-index: 2;
      top: 3.7rem;
      background:#9b212e;
      .filter-item{
        position: relative;
        line-height: 2.4rem;
        &:after{
          content: "";
          position: absolute;
          bottom: 0;
          left: .3rem;
          right: 0;
          width: 94%;
          height: 1px;
          background:#fff;
        }
        &:last-child:after{
          height: 0;
        }
      }
    }
  }

  .ball{
    display: inline-block;
    width: 1.6rem;
    height: 1.6rem;
    line-height: 1.8rem;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-size: 13px;
    vertical-align: middle;
  }

  .ball-pk10green{background:#6ac334;}
  .ball-pk10gray{background:#969493;}
  .ball-pk10blue{background:#0074c5;}
  .ball-pk10red{background:#c63725;}

  
  .ball-one{background:#FED300;}
  .ball-two{background:#0074C5;}
  .ball-three{background:#605D5C;}
  .ball-four{background:#F48000;}
  .ball-five{background:#60BFF3;}
  .ball-six{background:#715D9D;}
  .ball-seven{background:#C1C0BF;}
  .ball-eight{background:#E40005;}
  .ball-nine{background:#5C2220;}
  .ball-ten{background:#6AC334;}

  .ball-hk-red{background: #c63725;}
  .ball-hk-blue{background: #0075c5;}
  .ball-hk-green{background: #6ac334;}

  .lottery-header {
    .top-bar-header h3 {
      margin-left: 0;
    }
  }


//会员下单
  .member-info{
    padding-bottom: .8rem;
    background:#fff;
    text-align: center;
    .widget{
      width: 20rem;
      margin: 0 auto;
      padding: .3rem;
      border: 1px solid #e5e5e5;
      border-radius: .8rem;
      line-height: 150%;
      p{
        font-size: .8rem;
      }
    }
  }
  .member-info>p{
    line-height: 2.6rem;
    font-size: .9rem;
    color: #626262;
  }
  .member-bet-items{
    padding: 0px 5%;
    box-shadow: 0 4px 4px #e2e2e2 inset;
    padding-bottom: 2.5rem;
    padding-top: 1rem;

    .item{
      position: relative;
      width: 100%;
      margin-bottom: 1rem;
      box-shadow: 0 0 5px 1px #bdbdbd ;
      background:#fff;
      text-align: center;
      padding-bottom: .5rem;
        
      .bet-content {
        padding: .5rem 0px 0px 0px;
        width: 80%;
        margin: 0 auto;
        line-height: 150%;
      }

      .title{
        height: 1.8rem;
        line-height: 1.8rem;
        background: #A8A8A8;
        color: #fff;
      }
      input{
        width: 16rem;
        height: 1.8rem;
        margin-top: 1rem;
        line-height: 1.8rem;
        background:#e8e8e6;
        text-align: right;
        padding-right: 1rem;
        border: 1px solid #d1d1cf;
      }
      .tips{
        margin-top: .6rem;
        color:#999;
        font-size: .9rem;
      }
      .delete-btn{
        position: absolute;
        right: -.4rem;
        top: -.4rem;
        width: 1.8rem;
        height: 1.8rem;
        background: url(../misc/images/lottery/close.png);
        background-size: 1.8rem;
      }
    }

    .btn{
      
      height: 2.6rem;
      line-height: 2.6rem;
      background: #b82432;
      color: #fff;
      text-align: center;
      border-radius: .4rem;
    }
  }


//投注 -- 玩法

  .rule-page{
    padding: 1rem;
    h2{
      line-height: 2.2rem;
      font-weight: 700;
    }
    li{
      p{
        text-indent: 2rem;
        line-height: 1.3rem;
        color:#464646;
      }
    }
  }


}

